<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="render" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>金太阳</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/swiper.css" />
		<link rel="stylesheet" href="css/common-other.css" />
		<style>
			.bannar-bg {
				width: 690px;
				height: 170px;
				background: rgba(121, 91, 61, .45);
			}
		</style>
	</head>

	<body>
		<header class="cm-wh-100 cm-bd-b">
			<div class="cm-mg-lr-auto cm-flex cm-row-c cm-pos-rel com-wh">
				<ul class="cm-wh-80 cm-flex cm-row-sb cm-fm-weihei cm-pd-tb-10">
					<li>
						<a href="##" class="cm-fs-14 cm-fw-b cm-clr-black">定制推荐</a>
					</li>
					<li>
						<a href="##" class="cm-fs-14 cm-fw-b cm-clr-black">园区导览</a>
					</li>
					<li>
						<a href="##" class="cm-fs-14 cm-fw-b cm-clr-black">品牌专区</a>
					</li>
					<li>
						<a href="##" class="cm-fs-14 cm-fw-b cm-clr-black">企业文化</a>
					</li>
					<li class="placeholder">

					</li>
					<li>
						<a href="##" class="cm-fs-14 cm-fw-b cm-clr-black">媒体资讯</a>
					</li>
					<li>
						<a href="##" class="cm-fs-14 cm-fw-b cm-clr-black">人才招聘</a>
					</li>
					<li>
						<a href="##" class="cm-fs-14 cm-fw-b cm-clr-black">联系我们</a>
					</li>
				</ul>
				<div class="cm-pos-abs cm-trans-x">
					<a href="##"><img src="img/logo.png"></a>
				</div>
				<div class="cm-wh-10 cm-flex cm-row-fd cm-pd-t-10">
					<div class="search-img">
						<img src="img/search_logo.png" class="cm-wh-100" />
					</div>
					<div class="search-pull">
						<select class="select01">
							<option value="01">CN</option>
							<option value="02">EN</option>
						</select>
					</div>
				</div>
			</div>

		</header>
		<section>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide cm-pos-rel">
						<img class="img" src="img/1.jpg">
						<div class="cm-pos-abs cm-flex cm-row-c cm-col-c cm-flex-col cm-trans-c cm-fs-32 bannar-bg cm-fm-song cm-clr-white">
							<p class="cm-pd-tb-14">在金太阳酒店邂逅不期而遇的美好</p>
							<p class="cm-pd-tb-14">人生从此更丰厚</p>
						</div>
					</div>
					<div class="swiper-slide cm-pos-rel">
						<img class="img" src="img/1.jpg">
						<div class="cm-pos-abs cm-flex cm-row-c cm-col-c cm-flex-col cm-trans-c cm-fs-32 bannar-bg cm-fm-song cm-clr-white">
							<p class="cm-pd-tb-14">在金太阳酒店邂逅不期而遇的美好</p>
							<p class="cm-pd-tb-14">人生从此更丰厚</p>
						</div>
					</div>
					<div class="swiper-slide cm-pos-rel">
						<img class="img" src="img/1.jpg">
						<div class="cm-pos-abs cm-flex cm-row-c cm-col-c cm-flex-col cm-trans-c cm-fs-32 bannar-bg cm-fm-song cm-clr-white">
							<p class="cm-pd-tb-14">在金太阳酒店邂逅不期而遇的美好</p>
							<p class="cm-pd-tb-14">人生从此更丰厚</p>
						</div>
					</div>
					
				</div>
				<!-- 如果需要分页器 -->
				<!-- <div class="swiper-pagination"></div>-->

				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>

				<!-- 如果需要滚动条 -->
				<!--<div class="swiper-scrollbar"></div>-->
			</div>
			<div class="cm-mg-b-40">
				<div class="com-wh cm-mg-lr-auto">
					<p class="cm-pd-t-50 cm-txt-c cm-mg-b-20"><span class="cm-dpy-ib cm-bd-b cm-pd-b-4 cm-fs-22 cm-fw-b cm-pd-lr-4">金太阳大酒店</span></p>
					<p class="cm-fs-14 cm-lh-30 cm-fm-weihei">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;金太阳大酒阿店为香港金太阳集团在娱乐休闲餐饮方面迈出的又一坚实步伐。金太阳大酒店建设基地位于滁州市汊河工业园区内，面临104国道，该工程集餐饮、娱乐、宾馆于一体的综合性商业建筑，建筑设计定位独具现代特色并能，与环境融洽富有强烈个性的生态型高档四星级酒店。酒店一至三层裙房作为大堂、门厅、餐饮、娱乐、宴会、厨房；五层至十五层为客房。金太阳大酒店作为汊河地区唯一的独立运营的四星级酒店，总占地面积为13400平方米，以“水”为主题主旨，动静结合，绿色小品呼应其中，显示出整个欧洲花园式样的尊荣休闲享受。</p>

				</div>
			</div>
			<div class="com-wh cm-mg-lr-auto">
				<p class="cm-pd-t-50 cm-txt-c cm-mg-b-30"><span class="cm-dpy-ib cm-bd-b cm-pd-b-4 cm-fs-22 cm-fw-b cm-pd-lr-4">酒店开业</span></p>
				<div class="cm-pos-rel cm-mg-b-30">
					<p class="cm-txt-c cm-fm-weihei cm-fs-18 cm-clr-333 cm-bd-b cm-bd-eee cm-pd-b-10">领导致辞</p>
					<img src="img/12.png" class="cm-pos-abs cm-trans-x">
				</div>

				<ul class="cm-flex cm-mg-b-44">
					<li>
						<a href="">
							<img src="img/4 (2).jpg" />
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/5 (2).jpg" />
						</a>
					</li>
					<li>
						<a href="">
							<img src="img/6 (2).jpg" />
						</a>
					</li>
				</ul>
				<div class="cm-pos-rel cm-mg-b-30">
					<p class="cm-txt-c cm-fm-weihei cm-fs-18 cm-clr-333 cm-bd-b cm-bd-eee cm-pd-b-10">现场环境</p>
					<img src="img/12.png" class="cm-pos-abs cm-trans-x">
				</div>

				<ul class="cm-ofw-h cm-mg-b-50 cm-pd-b-40">
					<li class="cm-ft-l cm-mg-r-12">
						<a href="">
							<img src="img/7 (2).jpg" />
						</a>
					</li>
					<li class="cm-ft-l cm-mg-r-12 cm-mg-b-12">
						<a href="">
							<img src="img/8.jpg" />
						</a>
					</li>
					<li class="cm-ft-l">
						<a href="">
							<img src="img/9.jpg" />
						</a>
					</li>
					<li class="cm-ft-l cm-mg-r-12">
						<a href="">
							<img src="img/10.jpg" />
						</a>
					</li>
					<li class="cm-ft-l">
						<a href="">
							<img src="img/11.jpg" />
						</a>
					</li>
				</ul>
			</div>
		</section>
		<footer class="cm-bgc-eb5">
			<div class="com-wh cm-mg-lr-auto">
				<div class="cm-mg-lr-auto cm-flex cm-row-sb cm-ofw-h">
					<div class="cm-ft-l cm-fs-12 cm-pd-t-50 cm-clr-white">
						<p class="cm-pd-t-22 cm-mg-b-4">版权所有：Copyright © 2018 jtyjt.cn</p>
						<p class="cm-mg-b-4">公司地址：安徽省滁州市来安县汊河产业新城1号 服务热线：025-58697777</p>
						<p>备案号：皖ICP备12017442号</p>
					</div>
					<div class="cm-ft-t cm-flex cm-pd-t-20 cm-pd-b-10">
						<dl class="cm-fs-14 foot-wh">
							<dt class="cm-fs-16 cm-clr-white cm-mg-b-4">产业板块</dt>
							<dd class="cm-mg-b-2">
								<a href="##" class=" cm-clr-e5b">装饰城</a>
							</dd>
							<dd class="cm-mg-b-2">
								<a href="##" class=" cm-clr-e5b">地产</a>
							</dd>
							<dd class="cm-mg-b-2">
								<a href="##" class=" cm-clr-e5b">酒店</a>
							</dd>
							<dd class="cm-mg-b-2">
								<a href="##" class=" cm-clr-e5b">商业综合体</a>
							</dd>
						</dl>
						<dl class="cm-fs-14 foot-wh">
							<dt class="cm-fs-16 cm-clr-white cm-mg-b-4">媒体资讯</dt>
							<dd class="cm-mg-b-2">
								<a href="##" class=" cm-clr-e5b">行业动态</a>
							</dd>
							<dd class="cm-mg-b-2">
								<a href="##" class=" cm-clr-e5b">集团媒体新闻发布</a>
							</dd>
						</dl>
						<dl class="cm-fs-14 foot-wh">
							<dt class="cm-fs-16 cm-clr-white cm-mg-b-4">定制推荐</dt>
							<dd class="cm-mg-b-2">
								<a href="##" class=" cm-clr-e5b">建材</a>
							</dd>
							<dd class="cm-mg-b-2">
								<a href="##" class=" cm-clr-e5b">家居主题活动</a>
							</dd>
							<dd class="cm-mg-b-2">
								<a href="##" class=" cm-clr-e5b">优惠活动</a>
							</dd>
						</dl>
						<dl class="cm-fs-14 foot-wh">
							<dt class="cm-fs-16 cm-clr-white cm-mg-b-4">品牌专区</dt>
							<dd class="cm-mg-b-2">
								<a href="##" class=" cm-clr-e5b">装饰城知名品牌展示</a>
							</dd>
							<dd class="cm-mg-b-2">
								<a href="##" class=" cm-clr-e5b">物流区展示导图</a>
							</dd>
						</dl>
					</div>
				</div>
			</div>
		</footer>
		<nav class="cm-pos-fix cm-bd cm-bd-wh-1 cm-bd-f4 cm-bgc-white">
			<p class="cm-fs-12 cm-bgc-e0e cm-txt-c cm-pd-tb-4">分享到</p>
			<a href="##" class="cm-dpy-b cm-bd-b cm-bd-wh-1 cm-bd-f4"><img class="wx" src="img/wx_logo.png"></a>
			<a href="##" class="cm-dpy-b cm-bd-b cm-bd-wh-1 cm-bd-f4"><img class="qq" src="img/qq_logo.png"></a>
			<a href="##" class="cm-dpy-b cm-bd-b cm-bd-wh-1 cm-bd-f4"><img class="pyq" src="img/pyq_logo.png"></a>
			<a href="##" class="cm-dpy-b cm-bd-b cm-bd-wh-1 cm-bd-f4"><img class="zone" src="img/zone_logo.png"></a>
			<a href="##" class="cm-dpy-b"><img class="sina" src="img/sina_logo.png"></a>

		</nav>
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/swiper.js" ></script>
</html>
<script>
	$(document).ready(function() {
		var mySwiper = new Swiper('.swiper-container', {
			loop: true,
			speed: 1000,
			autoplay: {
				delay: 3000
			},

			// 如果需要分页器
			//  pagination: {
			//    el: '.swiper-pagination',
			//  },

			// 如果需要前进后退按钮
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},

			// 如果需要滚动条
			//  scrollbar: {
			//    el: '.swiper-scrollbar',
			//  },
		})
		$('.swiper-container').mouseenter(function(){
			 mySwiper.autoplay.stop();
		})
		$('.swiper-container').mouseleave(function(){
			 mySwiper.autoplay.start();
		})
	})
</script>